<div class="root">
    <list ref="list" class="list-wrapper" loadmoreoffset="15" @loadmore="fetchMore" @scroll="onScroll" offset-accuracy="30">
        <!--店铺列表-->
        <cell class="cell-panel" :ref="'ref_' + index" v-if="shopList.length" v-for="(s,index) in shopList">
            <div class="cell-panel-wrapper">
                <div class="shop-panel">
                    <image resize="cover" class="shop-img" :src="s.logo || defaultImg" @click="goToShop(s)"></image>

                    <div class="shop-nav" @click="goToShop(s)">
                        <text class="nav-txt font-msyhl">进店逛逛</text>
                        <image resize="cover" class="nav-arrow" :src="navArrow"></image>
                    </div>
                </div>

                <div class="goods-wrapper" v-if="s.goods.length">
                    <div class="goods-item" v-for="(g, index) in s.goods">
                        <goods-item :goods="g" :ref="'ref'+ g.id"></goods-item>
                    </div>
                </div>
            </div>
        </cell>
        <!--/店铺列表-->

        <!--加载提示-->
        <loading-more-tip v-if="shopList.length && !listCompleted" color="#fff" :loading="loading"></loading-more-tip>

        <!--列表到底提示信息-->
        <cell v-if="listCompleted && shopList.length">
            <loaded-over-tip :tip="'没有更多店铺了 ~'" color="#fff"></loaded-over-tip>
        </cell>

        <!--列表为空-->
        <cell class="empty-cell" v-if="pageLoaded && !shopList.length">
            <content-empty :emptyTxt="'暂无店铺 ~'"></content-empty>
        </cell>
    </list>

    <!--一键置顶-->
    <go-top :refEl="'ref_0'" :showGoTop="showGoTop" :isFixedNode="true"></go-top>
</div>
